.page-prod-add-or-update {
  padding-bottom: 50px;

  // 输入框大小
  :deep(.el-form-item__content){
    flex-direction: column;
    align-items: flex-start;
  }
  .logistics-box :deep(.el-form-item__content){
    flex-direction: row;
    align-items: center;
  }

    /* 商品分类警告的下方红字 */
  :deep(.productCategories-error) {
    color: red;
    width: 600px;
  }
  /* 图片和视频上传样式修改 */
  div :deep(.el-upload-list--picture-card .el-upload-list__item) {
    border: 0;
  }
  :deep(.labelName .el-input__suffix) {
    right: -5px;
  }
  .upload-box :deep(.el-upload--picture-card) {
    width: 100px;
    height: 100px;
    border: 1px dashed #c0ccda;
    background: #ffffff;
  }

  :deep(.el-upload--picture-card .el-icon-plus) {
    position: relative;
    top: -19px;
  }

  .labelName :deep(.el-form-item__label:before) {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
  }

  /* 产品分组 */
  /* 下拉选择选中项超长样式处理 */
  .select-box :deep(.el-tag.el-tag--info) {
    max-width: 200px;
  }
  .select-box :deep(.el-select__tags-text) {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .select-box :deep(.el-tag__close.el-icon-close) {
    margin-left: -5px;
  }

  :deep(.el-upload-list--picture-card .el-upload-list__item) {
    width: 100px;
    height: 100px;
  }

  /* 每项内容盒子的设置 */
  .basic-info {
    margin-left: 35px;
  }

  .tittle {
    margin: 5px 0 28px 0;
    padding-left: 15px;
    background-color: #f6f6f6;
    line-height: 40px;
    font-weight: 800;
  }
  // 步骤
  .post-step {
    margin-bottom: 30px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    .step-item {
      position: relative;
      flex: 1;
      .step-txt {
        display: block;
        font-size: 14px;
        text-align: center;
        box-sizing: border-box;
        background: #f9f9f9;
        padding: 12px 0;
      }
    }
    .step-item.active {
      .step-txt {
        color: #fff;
        background: #155bd4;
      }
    }
    // 右箭头
    .step-item:not(:last-child) {
      .step-txt {
        margin-right: 10px;
      }
      &::after {
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 10px solid #f9f9f9;
        border-bottom: 20px solid transparent;
      }
    }
    .step-item.active:not(:last-child) {
      &::after {
        border-left: 10px solid #155bd4;
      }
    }
    // 左箭头
    .step-item:not(:first-child) {
      &::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 20px solid transparent;
      }
    }
  }
  // 底部固定操作栏
  .prod-footer {
    left: 250px;
    position: fixed;
    bottom: 0;
    width: 93%;
    box-shadow: 0 -3px 5px #eee;
    z-index: 3;
    margin-top: 20px;
    margin-right: 20px;
    .foot {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 0;
      background: #fff;
      box-sizing: border-box;
      .inner {
        .default-btn.save-btn {
          border-color: #155bd4;
          color: #155bd4;
        }
      }
    }
  }

  // 商品名称和商品卖点
  .prod-name-box {
    display: flex;
    :deep(.el-input__wrapper) {
      width: 400px;
    }
    .en-margin{
      margin-left: 10px;
    }
  }
  // 商品分类和商品分组
  .cascader-box{
    :deep(.el-input__inner) {
      width: 310px;
    }
  }

  // 视频
  .video-k{
    :deep(.el-form-item__content) {
      line-height: 1;
    }
    :deep(.pic-uploader-component .el-upload) {
      border: 1px dashed #c0ccda;
      background: #ffffff;
    }
  }

  // 所选语言打钩位置
  // eslint-disable-next-line vue-scoped-css/no-unused-selector
  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
    position: absolute;
    right: 10px;
  }

  // 富文本
  .tiny-mce-width {
    width: 1000px !important;
  }
  .prod-det-box {
    width: 100%;
    display: flex;
    justify-content: space-between;

    .prod-content {
      width: 60%;
      margin-right: 30px;

      // 富文本编辑框样式修改
      & :deep(.tinymce-container) {

        .mce-panel,
        .mce-container-body.mce-flow-layout {
          border-color: #DCDCDC !important;
        }

        .mce-edit-area {
          border-top: 0;
        }
      }
    }

    // 详情预览
    .details-preview {
      width: 40%;
      border: 1px solid #DCDCDC;
      box-sizing: border-box;

      .preview-box-title {
        height: 45px;
        line-height: 45px;
        background: #f9f9f9;
        text-align: center;
        border-bottom: 1px solid #DCDCDC;
      }

      .preview-con {
        height: 540px;
        word-wrap: break-word;
        overflow-y: auto;
        padding: 0 10px;
        box-sizing: border-box;
      }
    }

  }
  .basic-iny-mce :deep(.el-form-item__content) {
  margin-left: 15px !important;
  }
  @media (max-width: 1660px) {
    .tiny-mce-width {
      width: 700px !important;
    }
  }
}